<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="js/jquery/themes/base/jquery.ui.all.css">
<link rel="stylesheet" href="Estilos/estiloPrincipal.css">
<link rel="stylesheet" href="Estilos/estiloCadastro.css">
<script src="js/jquery/jquery-1.5.1.js"></script>
<script src="js/jquery/ui/jquery.ui.core.js"></script>
<script src="js/jquery/ui/jquery.ui.widget.js"></script>
<script src="js/jquery/ui/jquery.ui.datepicker.js"></script>

<title>Melhor Cinema</title>
<script type="text/javascript" src="js/efeitoMenu.js"></script>
<script type="text/javascript" src="js/efeitoAbas.js"></script>
<script type="text/javascript" src="js/jsSalas.js"></script>
<script type="text/javascript" src="js/jsValidacoesGerais.js"></script>
</head>
<body onload="mensagemSuscesso()">

<jsp:useBean id="beanSala" class="Bean.BeanSala" scope="request" />
<jsp:useBean id="beanSalaConsulta" class="Bean.BeanSalaConsulta"
	scope="request" />
<jsp:useBean id="beanCinemas" class="Bean.BeanListaCinemas"
	scope="request" />

<div class="header divSombra">
<div class="tituloPrincipal"></div>
<div class="logoPrincipal"></div>
</div>
<div class="principal divSombra"><c:import url="includes/menu.jsp"></c:import>
<div id="tabs"><a href="#" onclick=opentab(1);>Pesquisa</a> <a
	href="#" onclick=opentab(2);>Cadastro</a></div>
<div id="content">
<div id="aba1">
<div id="pesquisar">
<form action="ControladorSala?pAcao=4" method="post"
	class="formPesquisa"><label class="labelPesquisa"
	for="filtroTecnologia"> Tecnologia: <select class="inputMedio" name="filtroTecnologia"
	id="filtroTecnologia">
	<option value="" selected></option>
	<option value="Tecnologia 3D"
		<c:if test="${beanSala.tecnologia == 'Tecnologia 3D'}"> selected </c:if>>
	Tecnologia 3D</option>
	<option value="Tecnologia 2D"
		<c:if test="${beanSala.tecnologia == 'Tecnologia 2D'}"> selected </c:if>>
	Tecnologia 2D</option>
</select></label> <input type="submit" class="botao" value="Pesquisar" id="btnPesquisar">
<input
	type="button" class="botao" value="Novo" id="btnNovo"
	onclick="novoSala()">
</form>
</div>
<table>
	<thead>
		<tr>
			<td class="cabecalho">Opções</td>
			<td class="cabecalho">Código</td>
			<td class="cabecalho">Nome</td>
			<td class="cabecalho">Cinema</td>
			<td class="cabecalho">Capacidade</td>
			<td class="cabecalho">Tecnologia</td>
		</tr>
	</thead>
	<tbody>

		<c:forEach var="lista" items="${beanSalaConsulta.salas}">
			<tr>
				<td class="icones"><a
					onmousedown="excluir(this.id)" href=""
					id="${lista.cod_sala}"
					class="icone1"> <img src="imagens/icones/excluir.png" /></a> <a
					href="ControladorSala?pAcao=2&codigo=${lista.cod_sala}"
					class="icone2"> <img src="imagens/icones/editar.png" /></a></td>

				<td>${lista.cod_sala}</td>
				<td>${lista.nome}</td>
				<td>${lista.cinema.nome}</td>
				<td>${lista.capacidade}</td>
				<td>${lista.tecnologia}</td>
			</tr>
		</c:forEach>

	</tbody>
	<tfoot>
		<tr>
			<td colspan="6">
			<div id="divPaginacao">
			<ul id="paginacao">
				<li><a class="linkPagina"
					href="ControladorSala?pAcao=4&numPag=Primeira&filtroTecnologia=${beanSalaConsulta.filtroTecnologia}">Primeira</a>
				</li>
				<li><a class="linkPagina"
					href="ControladorSala?pAcao=4&numPag=Anterior&filtroTecnologia=${beanSalaConsulta.filtroTecnologia}">Anterior</a>
				</li>
				<c:forEach items="${beanSalaConsulta.numeroPaginas}" var="num">
					<li><a class="linkPagina"
						href="ControladorSala?pAcao=4&numPag=${num}&filtroTecnologia=${beanSalaConsulta.filtroTecnologia}">${num}</a>
					</li>
				</c:forEach>
				<li><a class="linkPagina"
					href="ControladorSala?pAcao=4&numPag=Proxima&filtroTecnologia=${beanSalaConsulta.filtroTecnologia}">Próxima</a>
				</li>
				<li><a class="linkPagina"
					href="ControladorSala?pAcao=4&numPag=Ultima&filtroTecnologia=${beanSalaConsulta.filtroTecnologia}">Última</a>
				</li>
			</ul>
			</div>
			</td>
		</tr>

	</tfoot>
</table>
</div>

<div id="aba2">
<form action="ControladorSala?pAcao=1&Editar=0" id="formCadastro"
	onsubmit="return validaObrigatorios()" method="post">
<div class="divEsquerda"><label for="codigo">Código: <input
	type="text" readonly id="codigo" class="inputPequeno" name="codigo"
	<c:if test="${beanSala.cod_sala != '0'}"> value="${beanSala.cod_sala}" </c:if>
	<c:if test="${beanSala.cod_sala == '0'}"> value="Automático" </c:if> />
<br>
</label></div>
<br><br>
<div class="divInteira"><label for="Nome"
	class="labelCadastro">Nome: </label> <input type="text"
	id="nome" class="inputGrande" name="nome"
	value="${beanSala.nome}" /></div>
<div class="divInteira"><br>
<label for="Cinema" class="labelCadastro">Cinema: </label> <select
	class="inputGrande" name="cnpj" id="cnpj">
	<option value=""></option>
	<c:forEach items="${beanCinemas.cinemas}" var="cine">
		<option value="${cine.cnpj}" ${(beanSala.cinema.cnpj==cine.cnpj)?"selected" : "" }>${cine.nome}</option>
	</c:forEach>
</select></div>
<div class="divInteira"><label for="Capacidade"
	class="labelCadastro">Capacidade: </label> <input type="text"
	id="capacidade" class="inputGrande" name="capacidade"
	value="${beanSala.capacidade}" onkeyup="mascaraSoNumeros(this.value,this)";
maxlength="4" onblur=" verificaQuantidade(this.value,this)" /></div>
<div class="divInteira"><label for="tecnologia">Tecnologia:</label>
<select class="inputGrande" name="tecnologia" id="tecnologia">

	<option value="" selected></option>
	<option value="Tecnologia 3D"
		<c:if test="${beanSala.tecnologia == 'Tecnologia 3D'}"> selected </c:if>>
	Tecnologia 3D</option>
	<option value="Tecnologia 2D"
		<c:if test="${beanSala.tecnologia == 'Tecnologia 2D'}"> selected </c:if>>
	Tecnologia 2D</option>

</select></div>
<div class="divDireita" id="divBotao"><input type="submit"
	value="Salvar" id="btnSalvar"></div>
</form>
</div>
</div>
</div>
<div class="footer divSombra"></div>
</body>
</html>